<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿dns首页色块</title>
    <link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<body>
    <!-- 顶部开始 -->
    <div id="top">
        <div class="mid">
            <div class="top_left">top_left</div>
            <div class="top_right">top_right</div>
        </div>
    </div> 
    <!-- 顶部结束  -->
    <!-- 头部开始 -->
    <div id="header">
        <div class="mid">
            <div class="logo">logo</div>
            <div class="search">
                <div class="in">input</div>
                <div class="hot_word">hot_word</div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 主体开始 -->
    <div id="main">
        <div class="mid">
            <div class="banner">
                <div class="banner_left">
                    IMG
                </div>
                <ul class="banner_right">
                    <li class="itme">item1</li>
                    <li class="itme">item2</li>
                    <li class="itme">item3</li>
                    <li class="itme">item4</li>
                </ul>
            </div>
            <div class="server">
                <div class="server_title">
                    server_title
                </div>
                <ul class="server_content">
                    <li class="server_item">server item 1</li>
                    <li class="server_item">server item 2</li>
                    <li class="server_item">server item 3</li>
                    <li class="server_item">server item 4</li>
                </ul>
            </div>
            <div class="product">
                
            </div>
            <div class="example">
                
            </div>
        </div>
    </div>
    <!-- 主体结束  -->
    <div id="server">
        
    </div>
    <div id="footer">
        
    </div>
</body>
</html>